<style lang="scss" scoped>
  .bar-text {
      position: relative;
      display: flex;
      align-items: center;
      font-size: 1.23rem;
	    padding-bottom: 0.5rem;
      .returns {
        margin: 0 0.4rem;
        color: #565656;
      }
      .bar-title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }
</style>
<template>
  <div class="bar-text">
    <van-icon name="arrow-left" size="13" @click="getBack" />
    <span class="returns" @click="getBack">返回</span>
  </div>
</template>
<script>
import { Icon } from 'vant';
export default {
  components: {
    [Icon.name]: Icon,
  },
  props: {
    is_status: String,
  },
  watch: {
    // is_status: {
    //   handler(value) {
    //     console.log(value);
    //   },
    //   immediate: true,
    //   deep: true,
    // }
  },
  data() {
    return {
      isshow: false,
      num: ''
    }
  },
  mounted () {
  },
  methods: {
    getBack() {
      if(this.is_status == 1 ) {
        this.$router.push("/system")
      }else if(this.is_status == 2 ) {
        this.$router.push("/my")
      } else {
		this.$router.go(-1)
      }
    }
  }
};
</script>